<template>
  <div>
    <h2>Right组件</h2>
    <ArticleList
      :title="title"
      :author="author"
      :content="content"
    ></ArticleList>
  </div>
</template>

<script>
export default {
  name: "my-right",
  data() {
    return {
      title: "悯农",
      content: `
        春种一粒粟，秋收万颗子。
        四海无闲田，农夫犹饿死。
        锄禾日当午，汗滴禾下土。
        谁知盘中餐，粒粒皆辛苦。
      `,
      author: "李绅",
    };
  },
};
</script>

<style scoped>
h2 {
  color: skyblue;
}
</style>